<template>
	<view>
		<view v-show="currentIndexPage==0">
			<view class="scl-home-base-container" v-if="!initLoading&&!isJumpResult">
				<view class="scl-home-wrapper" :style="{backgroundImage:'url('+staticImgs.pageBg+')'}">
					<view class="page-title">
						<text>心理测评</text>
					</view>
					<!-- 搜索框 - start -->
					<view class="search-container">
						<view class="realtive-position">
							<view class="abs-code-entry" @click="toExchangeGoods">
								<view class="img">
									<image :src="staticImgs.codeEntryIcon"></image>
								</view>
								<view class="text">兑换码</view>
							</view>
						</view>
						<view class="search-wrapper" @click="toSearchScl">
							<view class="left-box">
								<view class="search-icon">
									<u-icon name="search" color="#BEDBBE" size="44rpx"></u-icon>
								</view>
								<input disabled type="text" placeholder-class="input-placeholder" value=""
									placeholder="搜索你感兴趣的内容" />
							</view>
							<view class="right-box">
								搜索
							</view>
						</view>
					</view>
					<!-- 搜索框 - end -->
					<template v-if="showExaminationConfigExtraList && showExaminationConfigExtraList.length">
						<!-- banner -->
						<scl-banner-item :noticeTopNumber="noticeTopNumber" :item="showExaminationConfigExtraList[0]"
							@checkNotCompleteScl="() => checkNotCompleteScl(showExaminationConfigExtraList[0].id, () => itemClick(showExaminationConfigExtraList[0], 17))" />
						<swiper :style="{height: '220rpx'}" v-if="showExaminationConfigExtraList.length > 1" circular
							autoplay :interval="4000">
							<swiper-item v-for="(item, index) in showExaminationConfigExtraList.slice(1)" :key="index">
								<scl-banner-item :noticeTopNumber="noticeTopNumber" :item="item"
									@checkNotCompleteScl="() => checkNotCompleteScl(item.id, () => itemClick(item, 17))" />
							</swiper-item>
						</swiper>
					</template>
					<!--<view :style="{backgroundImage: `url(${staticImgs.memberImg})`}" class="member-img" v-if="member.userMemberStatus === 2">到期日：{{member.memberEndTimeStr}}</view>
      <view :style="{backgroundImage: `url(${staticImgs.becomeMemberImg})`}" class="member-img" v-else @click="toMemberPage" />-->
					<TransactionNoticeBar @clickHandle="clickNoticeHadnle" v-if="transactionList.length>0"
						:list="transactionList" :showNum="3" />
					<view class="scl-box-title" :style="{backgroundImage: `url(${staticImgs.boxTitleBg})`}">2025精选心理专业量表
					</view>
					<view class="scl-box-list" v-if="subDataList.length>0">

						<template v-for="(item,index) in subDataList">
							<SpecialSclBox v-if="item.homeBox" :sclData="item"
								@clickBox="()=>checkNotCompleteScl(item.id,()=>itemClick(item,29))" />
							<SclBox v-else @clickBox="()=>checkNotCompleteScl(item.id,()=>itemClick(item,29))"
								:sclData="item" :key="index" />
							<template
								v-if="(index == 9 && subDataList.length > 5) || (subDataList.length <9 && index==subDataList.length-1)">
								<view class="coupon-banner-wrapper"
									:style="{backgroundImage:'url('+staticImgs.tipIcon+')'}" v-if="showCouponCount">
									<view class="content-left">
										<view class="tip-text">仅剩</view>
										<u-count-down @finish="initPageData" :time="countdownMillis" format="HH:mm:ss"
											autoStart millisecond @change="onTimeChange">
											<view class="time">
												<view class="time__custom"
													:style="{backgroundImage:'url('+staticImgs.numBg+')'}">
													<text class="time__custom__item">{{ timeData.hoursArr[0] }}</text>
												</view>
												<view class="time__custom m-l-abs-3"
													:style="{backgroundImage:'url('+staticImgs.numBg+')'}">
													<text class="time__custom__item">{{ timeData.hoursArr[1]}}</text>
												</view>
												<view class="time__custom m-l-abs-3"
													v-show="timeData.hoursArr && timeData.hoursArr.length == 3"
													:style="{backgroundImage:'url('+staticImgs.numBg+')'}">
													<text class="time__custom__item">{{ timeData.hoursArr[2] }}</text>
												</view>
												<text class="time__doc">:</text>
												<view class="time__custom "
													:style="{backgroundImage:'url('+staticImgs.numBg+')'}">
													<text class="time__custom__item">{{ timeData.minutesArr[0] }}</text>
												</view>
												<view class="time__custom m-l-abs-3"
													:style="{backgroundImage:'url('+staticImgs.numBg+')'}">
													<text class="time__custom__item">{{ timeData.minutesArr[1]}}</text>
												</view>
												<text class="time__doc">:</text>
												<view class="time__custom"
													:style="{backgroundImage:'url('+staticImgs.numBg+')'}">
													<text class="time__custom__item">{{ timeData.secondsArr[0] }}</text>
												</view>
												<view class="time__custom m-l-abs-3"
													:style="{backgroundImage:'url('+staticImgs.numBg+')'}">
													<text class="time__custom__item">{{ timeData.secondsArr[1]}}</text>
												</view>
											</view>
										</u-count-down>
									</view>
									<!-- {{JSON.stringify(couponList)}} -->
									<view class="coupon-list-wrapper">
										<view class="coupon-item"
											:style="{backgroundImage:'url('+staticImgs.couponBg+')'}"
											v-for="couponItem in couponList" :key="couponItem.discountUid"
											@click="toSclListCanUseCoupon(couponItem)">
											<view class="row-1">{{couponItem.text}}</view>
											<view class="row-2">测评券</view>
											<view class="row-3">点我使用</view>
										</view>
									</view>
								</view>
								<!-- notice - end -->

							</template>


							<!-- v-if="(index == 4 && subDataList.length > 5) || (subDataList.length <5 && index==0) || (subDataList.length == 5 && index==4)" -->
							<view
								v-if="(index == 4 && subDataList.length > 5) || (subDataList.length <5 && index==0) ||  (subDataList.length == 5 && index==4)"
								class="task-center-entry-box" @click="toTaskCenter('invite')">
								<image class="img" :src="staticImgs.taskCenterEntery" mode=""></image>
							</view>



							<view class="flex-cc" style="margin-top: 20rpx;margin-bottom: 20rpx;" v-if="index==14">
								<!-- <store-home appid="wx39e3846bef442e8a" :custom-content="true">
								</store-home> -->
								<image :src="staticImgs.shopImg" mode="" class="task-center-entry-box"
									style="width: 720rpx;height: 210rpx;margin: 0 auto;display: block;"
									@click.stop="toShop">
								</image>
							</view>

						</template>


					</view>

					<template v-if="subDataList.length == 0">
						<!-- notice - start -->
						<view class="coupon-banner-wrapper" :style="{backgroundImage:'url('+staticImgs.tipIcon+')'}"
							v-if="showCouponCount">
							<!-- <view class="abs-coupon-banner-img">
              <image class="img" :src="staticImgs.couponBannerImg" mode=""></image>
            </view> -->
							<view class="content-left">
								<view class="tip-text">仅剩</view>
								<u-count-down @finish="initPageData" :time="countdownMillis" format="HH:mm:ss" autoStart
									millisecond @change="onTimeChange">
									<view class="time">
										<view class="time__custom"
											:style="{backgroundImage:'url('+staticImgs.numBg+')'}">
											<text class="time__custom__item">{{ timeData.hoursArr[0] }}</text>
										</view>
										<view class="time__custom m-l-abs-3"
											:style="{backgroundImage:'url('+staticImgs.numBg+')'}">
											<text class="time__custom__item">{{ timeData.hoursArr[1]}}</text>
										</view>
										<view class="time__custom m-l-abs-3"
											v-show="timeData.hoursArr && timeData.hoursArr.length == 3"
											:style="{backgroundImage:'url('+staticImgs.numBg+')'}">
											<text class="time__custom__item">{{ timeData.hoursArr[2] }}</text>
										</view>
										<text class="time__doc">:</text>
										<view class="time__custom "
											:style="{backgroundImage:'url('+staticImgs.numBg+')'}">
											<text class="time__custom__item">{{ timeData.minutesArr[0] }}</text>
										</view>
										<view class="time__custom m-l-abs-3"
											:style="{backgroundImage:'url('+staticImgs.numBg+')'}">
											<text class="time__custom__item">{{ timeData.minutesArr[1]}}</text>
										</view>
										<text class="time__doc">:</text>
										<view class="time__custom"
											:style="{backgroundImage:'url('+staticImgs.numBg+')'}">
											<text class="time__custom__item">{{ timeData.secondsArr[0] }}</text>
										</view>
										<view class="time__custom m-l-abs-3"
											:style="{backgroundImage:'url('+staticImgs.numBg+')'}">
											<text class="time__custom__item">{{ timeData.secondsArr[1]}}</text>
										</view>
									</view>
								</u-count-down>
							</view>
							<!-- {{JSON.stringify(couponList)}} -->
							<view class="coupon-list-wrapper">
								<view class="coupon-item" :style="{backgroundImage:'url('+staticImgs.couponBg+')'}"
									v-for="couponItem in couponList" :key="couponItem.discountUid"
									@click="toSclListCanUseCoupon(couponItem)">
									<view class="row-1">{{couponItem.text}}</view>
									<view class="row-2">测评券</view>
									<view class="row-3">点我使用</view>
								</view>
							</view>
						</view>
						<!-- notice - end -->

						<!-- <view class="task-center-entry-box" @click="toTaskCenter('invite')">
          <image class="img" :src="staticImgs.taskCenterEntery" mode=""></image>
        </view> -->
					</template>

					<view class="cate-box-list" v-if="cateSclList.length>0">
						<SclRecommendComp v-for="(cateItem, index) in cateSclList.slice(0, 1)" :key="index"
							:index="index" :cateItem="cateItem" @clickC="clickSclRecommendHandle"
							:discountType="discountType" :discountNum="discountNum" :discountId="discountId" />

						<view class="eshop-consult-block-wrapper" v-if="isShowEconsultBlock">
							<EshopConsultBlock />
						</view>

						<SclRecommendComp :discountId="discountId" :discountType="discountType"
							:discountNum="discountNum" @clickC="clickSclRecommendHandle" :index="index+1"
							:cateItem="cateItem" v-for="(cateItem,index) in cateSclList.slice(1)" :key="index" />
					</view>

					<template v-if="isInitDone">
						<view class="menu-wrapper-container" :style="{
            top:menuTopNumber,
            backgroundImage:'url('+staticImgs.listMenuBg+')'
          }">
							<scroll-view class="scroll-menu" scroll-x scroll-with-animation>
								<view class="menu-wrapper">
									<view class="menu-box" v-for="(item,index) in menuList" :key="index"
										:id="'scv'+index"
										:class="{'menu-box-act': index === currentMenuIndex,'menu-box-act-2':index === currentMenuIndex && item.bg ,'menu-item-bg':item.bg}"
										@click="changeSclMenu(index)">
										<text>{{item.label}}</text>
									</view>
								</view>
							</scroll-view>
						</view>
						<view class="scroll-placeholder-bg" :style="{height:'280rpx',
          backgroundImage:'url('+staticImgs.pageBg+')'
          }">
						</view>

						<view class="main-content-wrapper" id="main-content-wrapper">
							<view style="width: 740rpx;margin: 0 auto;">
								<mescroll-body height="76%" ref="mescrollRef" @init="mescrollInit" @down="downCallback"
									@up="fetchSclData" :down="downOption" :up="upOption">
									<SclBox :discountType="discountType" :discountNum="discountNum"
										@clickBox="()=>checkNotCompleteScl(item.id,()=>itemClick(item,5))"
										v-for="(item,index) in dataList" :sclData="item" :key="index" />
								</mescroll-body>
							</view>
						</view>

					</template>

				</view>
				<!-- 弹窗 -->
				<template>
					<!-- 未做完测评的提示框 -->
					<SclNotCompleteTip :notCompleteSclNum="notCompleteSclNum" :saveBottom="false"
						v-if="sclNotCompleteTipVisible" @confirm="confirmSclNotCompleteTipComp"
						@hide="hideSclNotCompleteTipComp" />
					<FirstTipModal :visible="showFirstTipModal" @confirm="toExchangeGoods"
						@close="showFirstTipModal = false" />
					<ModalMBTI @close="mbtiModalVisible=false" @confirm="modalMBTI_confirm"
						:visible="mbtiModalVisible" />
					<ModalSPM @close="iqModalVisible=false" @confirm="modalSPM_confirm" :visible="iqModalVisible" />
					<ModalLoveMbti @close="loveMbtiModalVisible=false" @confirm="modalLoveMBTI_confirm"
						:visible="loveMbtiModalVisible" />
					<CouponPopupFirstFiveDiscount :visible="isShowCouponPopupFirstFiveDiscount"
						@close="isShowCouponPopupFirstFiveDiscount=false"></CouponPopupFirstFiveDiscount>
					<!-- 预约订单弹框 -->
					<ExplanationOrderModal v-model="explanationOrderModalShow" />
					<!-- 会员弹框 -->
					<MemberModal v-model="memberModalShow" />
				</template>
				<!-- 弹窗 -->

				<!-- <view class="img-entry-modal-flot" @click="toTaskCenter">
			<view class="img-entry-modal-flot-wrapper">
				<image :src="staticImgs.activityEntryBtn" mode=""></image>
				<view class="red-dot" v-if="showTaskEntryTipDot || isEconsultTaskRed"></view>
			</view>
		</view> -->

				<view class="img-entry-modal-flot-community" @click="toCommunityCenter" v-if="false">
					<view class="img-entry-modal-flot-wrapper">
						<image :src="staticImgs.communityEntry" mode=""></image>
					</view>
				</view>
				<image @click="toExplanation" class="explanation-img" :src="staticImgs.explanationBtn" mode="widthFix"
					v-if="isExistExplanationOrderModal" />
				<SclLiveModal @ok="okHandle" :visible="sclLiveModalVisible" />

				<RecommendCheckupModal @ok="recommendCheckupHandle" ref='recommendCheckupModal' />
				<half-coupon-modal v-model="couponModalShow" @success="couponModalShow = false" />
				<!--脉轮-->
				<!-- <MailunPopup v-model="mailunPopupShow" /> -->
				<MailunPopAddress v-model="mailunPopupAddressShow"></MailunPopAddress>
			</view>
		</view>
		<productPage v-if="currentIndexPage==1"></productPage>
		<mePage v-if="currentIndexPage==2"></mePage>
		<view class="bottom-bar" v-if="!initLoading && !isJumpResult">
			<view v-for="(item,index) in barList" :key="index" @click="chengTab(index)" class="bb-item">
				<image :src="item.ic_y" mode="" :class="[index==1?'bb-item-img-middle':'bb-item-img']"
					v-if="index==currentIndexPage"></image>
				<image :src="item.ic_n" mode="" :class="[index==1?'bb-item-img-middle':'bb-item-img']" v-else></image>
				<view :style="{color:index==currentIndexPage?'#2A7070':''}" :class="[index==1?'bb-name':'']">
					{{item.name}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		get_recommend_scl_list,
		get_more_scl_list,
		getMoreSclInfo,
		showExaminationConfig,
		showExplanation,
		chakraSclInfo,
		isNotUserAddress
	} from '@/common/api/scl_api.js'

	import {
		getAssignDiscount,
		getExtAssignDiscount
	} from '@/common/api/user_api.js'
	import {
		getUserDiscountTakeEffect,
		updateUserInfo
	} from '@/common/api/user_api.js'
	import {
		getTaskList
	} from '@/common/api/task'

	import {
		STORE_VAR
	} from '@/common/dict.js'

	import sclNotCompleteMixin from '@/mixins/sclNotCompleteMixin.js'
	import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js"

	import {
		removeEmptyProperty,
		calculateDiscountedPrice
	} from '@/common/utils/util.js'
	import {
		imgBaseURL
	} from '@/common/utils/config.js'
	import {
		mapGetters,
		mapState
	} from 'vuex'

	import mePage from '@/pages/me/me.vue'
	import productPage from '@/pages/product/product.vue'

	import CouponPopupFirstFiveDiscount from './CouponPopupFirstFiveDiscount.vue'
	import SclNotCompleteTip from '@/components/SclNotCompleteTip.vue'
	import SclBox from '@/components/SclBox.vue'
	import SpecialSclBox from '@/components/SpecialSclBox.vue'
	import FirstTipModal from '@/components/FirstTipModal.vue'
	import EshopConsultBlock from '@/components/EshopConsultBlock.vue'
	import SclRecommendComp from './SclRecommendComp.vue'
	import TransactionNoticeBar from './TransactionNoticeBar.vue'
	import MentalHealthCheckupEntryVue from "@/components/MentalHealthCheckupEntry.vue"
	import ModalMBTI from "./ModalMBTI.vue"
	import ModalSPM from "./ModalSPM.vue"
	import ModalLoveMbti from './modal-love-mbti.vue'
	import SclLiveModal from '@/components/scl-live-modal.vue'
	import CheckupDepressedEntry from '@/components/CheckupDepressedEntry.vue'
	import SexualityCheckupEntry from '@/components/SexualityCheckupEntry.vue'
	import RecommendCheckupModal from '@/components/RecommendCheckupModal.vue'
	import SclBannerItem from '@/components/scl-banner-item/scl-banner-item.vue'
	import ExplanationOrderModal from '@/components/ExplanationOrderModal/ExplanationOrderModal'
	import MemberModal from '@/components/MemberModal/MemberModal'
	import HalfCouponModal from "@/components/HalfCouponModal/HalfCouponModal.vue";
	import MailunPopup from '@/components/MailunPopup.vue'
	import MailunPopAddress from '@/components/MailunPopAddress.vue'

	const shareData = {
		title: '万心测心理专业心理测评',
		path: '/pages/index/index?userType=sclList',
		imageUrl: imgBaseURL + '/scl_list_share_img.png?' + Math.random(),
		desc: '',
		content: ''
	}

	export default {
		mixins: [MescrollMixin, sclNotCompleteMixin],
		components: {
			HalfCouponModal,
			ExplanationOrderModal,
			SclBox,
			SclNotCompleteTip,
			FirstTipModal,
			ModalMBTI,
			EshopConsultBlock,
			SclRecommendComp,
			TransactionNoticeBar,
			MentalHealthCheckupEntryVue,
			ModalSPM,
			ModalLoveMbti,
			CouponPopupFirstFiveDiscount,
			SclLiveModal,
			SpecialSclBox,
			CheckupDepressedEntry,
			SexualityCheckupEntry,
			RecommendCheckupModal,
			SclBannerItem,
			MemberModal,
			mePage,
			productPage,
			MailunPopup,
			MailunPopAddress
		},
		data() {
			return {
				currentIndexPage: 0,
				jieyouzahuopu: this.$imgWxkjUrl + '/product/jieyouzahuopu.png?' + Math.random(),
				barList: [{
						name: '测评',
						ic_y: '/static/images/img_tab_scl_act.png',
						ic_n: '/static/images/img_tab_scl.png'
					},
					{
						name: '解忧杂货铺',
						ic_y: '/static/images/img_tab_product_select.png',
						ic_n: '/static/images/img_tab_product_no_select.png'
					},
					{
						name: '我的',
						ic_y: '/static/images/img_tab_me_select.png',
						ic_n: '/static/images/img_tab_me_no_select.png'
					}
				],
				isShowCouponPopupFirstFiveDiscount: false, //门店咨询师过来弹出首单5折优惠卷
				isInitDone: false,
				bannerList: [],
				couponUseTipModalVisible: false,
				bodyHeight: 0,
				transactionList: [],
				upOption: {
					isBounce: true,
					auto: false,
					page: {
						size: 10 // 每页数据的数量,默认10
					},

					noMoreSize: 5, // 配置列表的总数量要大于等于5条才显示'-- END --'的提示
					empty: {
						icon: '/static/images/img_no_data_order.png',
						tip: '暂无更多测评'
					},
					toTop: {
						bottom: 160,
					}
				},
				teamIcon: this.imgBaseURL + '/team-icon.png',
				mbtiModalVisible: false,
				timeData: {},
				menuList: [{
						label: '为你推荐',
						val: 'recommend',
					},
					{
						label: '全部',
						val: ''
					},
					{
						label: '热卖排行',
						val: 'hot'
					},
					{
						label: '抑郁专题',
						val: 'c2660b89d38a22e38ca5e3f5de1625ca',
						bg: this.imgBaseURL + '/scl/scl-category-yy.png',
					},
					{
						label: '青少年专题',
						val: 'e9f42d5d0aa54157ae3ac11e89e61719',
					}
				],
				currentMenuIndex: 0,
				dataList: null,
				dataItemList: null,
				partcurrentIndex: 0,
				staticImgs: {
					codeEntryIcon: this.imgBaseURL + '/codes-manage/icon-ticket.png',
					aiIcon: this.imgBaseURL + '/scl-list-ai-float-icon.png',
					aiIconBg: this.imgBaseURL + '/ai-float-animation.gif',
					activityEntryBtn: this.imgBaseURL + '/scl/scl-home-actity-modal-entry-v2.png',
					pageBg: this.imgBaseURL + '/scl/scl-home-bg-v2.png',
					sclMoreTopImg: this.imgBaseURL + '/sclResult/scl_more_top_img.png',
					discountBg: this.imgBaseURL + '/scl/scl_activity_tip_bg.png',
					listBgL: this.imgBaseURL + '/scl/scl_list_bg_l.png',
					listBgR: this.imgBaseURL + '/scl/scl_list_bg_r.png',
					// checkupBlockBg: this.imgBaseURL + '/scl/scl-home-top-checkup-bg.png',
					checkupBlockBg: this.imgBaseURL + '/scl/scl-home-top-checkup-bg-v3.png',
					menuBtns: {
						default1: this.imgBaseURL + '/scl/tab_1.png',
						default2: this.imgBaseURL + '/scl/tab_2.png',
						active1: this.imgBaseURL + '/scl/tab_1_act.png',
						active2: this.imgBaseURL + '/scl/tab_2_act.png',
					},

					testBanner: this.imgBaseURL + '/scl/tmp/test-banner.png',
					tipIcon: this.imgBaseURL + '/scl/scl-home-coupon-tip-icon-v10.png',
					recommendBg: this.imgBaseURL + '/scl/scl-home-recommend-box-bg.png',
					reloadBtnIcon: this.imgBaseURL + '/scl/loop-icon.png',
					numBg: this.imgBaseURL + '/scl/count-down-time-box-v3.png',
					couponBannerImg: this.imgBaseURL + '/scl/coupon-banner-img-1.png',

					cateImg1: this.imgBaseURL + '/scl/home/home-cate-1.png',
					cateImg2: this.imgBaseURL + '/scl/home/home-cate-2.png',
					cateImg3: this.imgBaseURL + '/scl/home/home-cate-3.png',
					cateImg4: this.imgBaseURL + '/scl/home/home-cate-4.png',

					communityEntry: this.imgBaseURL + '/community/entry.png',
					couponBg: this.imgBaseURL + '/scl/coupon-item-bg.png',
					// couponBg_1: this.imgBaseURL + '/scl/coupon-item-bg.png',
					taskCenterEntery: this.imgBaseURL + '/scl/task-center-entry-v2.png',
					listMenuBg: this.imgBaseURL + '/scl/scl-list-menu-bg.png',
					boxTitleBg: this.imgBaseURL + '/scl/scl-box-title-bg.png',
					explanationBtn: this.imgBaseURL + '/explanation-btn.png',
					memberImg: this.imgBaseURL + '/scl/home/member.png',
					becomeMemberImg: this.imgBaseURL + '/scl/home/become_member.png',
					shopImg: this.imgBaseURL + '/scl/home/shop.png'
				},
				currentTab: 0, //当前tab页 0 - 专业测评，1 - 免费测评
				shareData,
				countdownMillis: 0,
				couponVisible: false,
				couponModalVisibleB: false,

				showFirstTipModal: false,
				pageParamObj: null,
				showTaskEntryTipDot: false,
				dcPopupQueue: [],

				menuTopNumber: 0,
				noticeTopNumber: 0,
				initLoading: true,
				cateSclList: [],

				showCouponCountDown: false,
				iqModalVisible: false,
				loveMbtiModalVisible: false,
				couponList: [],
				subDataList: [], //精品系列，最主要展示的那几个
				sclLiveModalVisible: false,
				liveSclIdThis: '',
				showExaminationConfigExtraList: [],
				options: null,
				isJumpResult: true,
				explanationOrderModalShow: false,
				isExistExplanationOrderModal: false,
				explanationState: undefined,
				memberModalShow: false,
				couponModalShow: false,
				mailunPopupShow: false,
				mailunPopupAddressShow: false
			}
		},
		computed: {
			...mapGetters('user', [
				'canBuyPayBackMBTI',
				'canBuyPayBackSPM',
				'canBuyPayBackLoveMBTI',
				'isLogin',
				'clientUserUid',
				'hasShowTaskNotice',
				'hasPhone',
				'liveSclId',
				'hasShowRecommendCheckupModal'
			]),
			...mapState({
				isCloseDepression: state => state.app.isCloseDepression,
				'isPaySclExamination': state => state.user.isPaySclExamination, //是否已购买测评体检包
				showExplanation: state => state.app.showExplanation,
				member: state => state.user.member
			}),
			showCouponCount() {
				return this.discountId && this.showCouponCountDown
			},
			placeHolderBgHeight() {
				// let tmpHeight = 300
				let tmpHeight = 280

				// if(this.distance >1.5){
				//   tmpHeight += 184
				// }

				// if(this.distance >33.2){
				//   tmpHeight += 64
				// }
				return tmpHeight + 'rpx'
			},
			isEconsultTaskRed() {
				return this.hasShowTaskNotice && this.isShowEconsultBlock
			},
			...mapState({
				currentGroup: state => state.user.currentGroup,
				discountType: state => state.user.discountType,
				discountNum: state => state.user.discountNum,
				discountId: state => state.user.discountId,
				discountTime: state => state.user.discountTime,
				discountValidNumber: state => state.user.discountValidNumber,
				isShowEconsultBlock: state => state.user.isShowEconsultBlock,
				userJson: state => state.user.userJson,
			}),
		},
		watch: {
			clientUserUid: {
				handler(val) {
					if (val) {
						shareData.path = '/pages/index/index?userType=sclList&inviteId=' + val
						this.shareData.path = shareData.path
					}
				},
				immediate: true
			},
			liveSclId: {
				handler(val) {
					if (val) {

						let tmpJsonStr
						try {
							tmpJsonStr = JSON.parse(this.userJson)
							tmpJsonStr = JSON.stringify({
								...tmpJsonStr,
								sclId: ''
							})
						} catch (e) {
							tmpJsonStr = JSON.stringify({
								sclId: ''
							})
						}

						updateUserInfo({
							userJson: tmpJsonStr
						}).then(res => {
							this.$store.commit('user/setUserJson', tmpJsonStr)
						})

						this.sclLiveModalVisible = true
						this.liveSclIdThis = val
					}
				},
				immediate: true
			},
			currentIndexPage: {
				immediate: true,
				handler(val) {
					if (val === 1) {
						this.shareData = {
							title: '定制我的脉轮水晶',
							path: '/pages/index/index?userType=mailun',
							imageUrl: this.$imgWxkjUrl + '/product/mailun_share_new_new.png'
						}
					} else {
						this.shareData = shareData
					}
				}
			}
		},
		onLoad(opt) {
			console.log(opt, 'opt=================')
			if (opt.currentIndexPage) {
				this.currentIndexPage = opt.currentIndexPage
			}
			this.options = opt;
			if (this.options && this.options.sclResultParams) {
				this.isJumpResult = true
			} else {
				this.isJumpResult = false
				uni.setStorageSync('adClickId', '') //清除用于广告投放，数据上报的跟踪id
				this.$u.api.addLog({
					sourseType: 16
				})
			}
			let tmpModalVisible = uni.getStorageSync('mbtiModalVisible')
			if (tmpModalVisible && this.canBuyPayBackMBTI) {
				setTimeout(() => {
					this.mbtiModalVisible = true
					uni.removeStorageSync('mbtiModalVisible')
				}, 500)
			}
			tmpModalVisible = uni.getStorageSync('iqModalVisible')
			if (tmpModalVisible && this.canBuyPayBackSPM) {
				setTimeout(() => {
					this.iqModalVisible = true
					uni.removeStorageSync('iqModalVisible')
				}, 500)
			}

			tmpModalVisible = uni.getStorageSync('loveMbtiModalVisible')
			if (tmpModalVisible && this.canBuyPayBackLoveMBTI) {
				setTimeout(() => {
					this.loveMbtiModalVisible = true
					uni.removeStorageSync('loveMbtiModalVisible')
				}, 500)
			}





			console.log(opt, '-----otp')
			if (opt) {
				try {
					const paramObj = JSON.parse(opt.paramObj)
					if (paramObj) {
						this.pageParamObj = opt.paramObj
						this.showFirstTipModal = paramObj.userType == 'e-commerce'
						if (paramObj.coupon && paramObj.coupon == 'first-five-discount-scl') { //领取首单5折测评优惠卷
							getAssignDiscount().then(res => {
								if (res.data.data.discountUid) {
									getExtAssignDiscount({
										discountUid: res.data.data.discountUid
									}).then(res => {
										this.isShowCouponPopupFirstFiveDiscount = res.data.data
									})
								}
							})
						}
						// eap测评5折券
						if (paramObj.halfCouponModalShow === '1') {
							this.$u.api.addUserDiscountCode({
								code: 'eap_discount_grade',
								orderId: paramObj.orderId
							}).then(res => {
								if (res.data.data) {
									this.couponModalShow = true
								}
							})
						}
					}
				} catch (e) {
					//TODO handle the exception
				}
			}

			this.initData()
		},
		onReady() {
			// 会员弹框
			if (uni.getStorageSync('showMemberModal')) {
				this.memberModalShow = true
			}
		},
		mounted() {
			if (this.options && this.options.sclResultParams) {
				try {
					let sclResultParams = JSON.parse(decodeURIComponent(this.options.sclResultParams));
					console.log(sclResultParams, '提交参数提交参数提交参数提交参数提交参数');
					let url =
						`/subcontractorB/pages/sclResult/sclResult?id=${sclResultParams.id}&sclReportType=${sclResultParams.sclReportType}${sclResultParams.actGroup?('&actGroup='+sclResultParams.actGroup):'' }${sclResultParams.addSclWay?('&addSclWay='+sclResultParams.addSclWay):''}`
					setTimeout(() => {
						uni.navigateTo({
							url
						})
						setTimeout(() => {
							this.isJumpResult = false
						}, 3000)
					}, 60)
				} catch (err) {
					this.isJumpResult = false
				}
			}
		},
		onShow() {
			// if (uni.getStorageSync('mailunPopupShow')) {
			// 	uni.setStorageSync('mailunPopupShow', false)
			// 	chakraSclInfo().then(res => {
			// 		if (!res.data.data.reportId) {
			// 			this.mailunPopupShow = true
			// 		}
			// 	})
			// }
			if (!this.options || !this.options.sclResultParams) {
				isNotUserAddress().then(res => {
					if (res.data.data) {
						this.mailunPopupAddressShow = true
					}
				})
			}
			console.log('-----------------onShow---------')
			this.showCouponCountDown = true
			this.$store.commit('user/setActCouponCode', '') //清空当前选择的有效code
			this.$store.commit('user/setActCouponId', '') //清空当前选择的有效code

			uni.getSystemInfo({
				success: (res) => {
					const statusBarHeight = res.statusBarHeight; // 状态栏高度，单位为px
					const baseNum = statusBarHeight + 60 + this.rpxToPx(74)
					this.noticeTopNumber = (baseNum - 14) + 'px'
					// this.menuTopNumber = this.rpxToPx(187) + baseNum + 'px'
					this.menuTopNumber = (baseNum - 8) + 'px' //this.rpxToPx(187) + baseNum + 'px'
				},
				fail() {
					console.log('------------uni.getSystemInfo----------')
				}
			})

			//判断是否已弹出过推荐购买体检包，如果没弹过则判断是否购买了抑郁测评包；
			if (!this.hasShowRecommendCheckupModal && !this.isPaySclExamination && (!this.options || (this.options && !this
					.options.sclResultParams))) {
				this.$u.api.isPaySclExamination({
					goodsCode: this.$dictMap.CHECKUP_DEPRESSION
				}).then(async ({
					data: res
				}) => {
					if (res.data) {
						setTimeout(() => {
							this.$refs.recommendCheckupModal.open()
						}, 300)
						this.updateUserJson('hasShowRecommendCheckupModal')
					}
				})
			}
			showExaminationConfig().then(res => {
				const showExaminationConfigExtraList = res.data.data
				showExaminationConfigExtraList.forEach(item => {
					try {
						item.detailInfo = JSON.parse(item.detailInfo)
						item.scloReportDetail = JSON.parse(item.scloReportDetail)
					} catch {
						item.detailInfo = {}
						item.scloReportDetail = {}
					}
				})
				this.showExaminationConfigExtraList = showExaminationConfigExtraList
			})

			Promise.all([this.getSclNotCompleteInfo(), this.getTaskListInfo()]).finally(() => {
				this.getDiscount()
			})
			this.getExplanationModalShow()
		},
		onHide() {
			console.log('页面隐藏')
			setTimeout(() => {
				this.initLoading = false
			}, 500)
			this.showCouponCountDown = false
			this.watchRouterChange()
		},
		methods: {
			chengTab(currentIndexPage) {
				this.currentIndexPage = currentIndexPage;
			},
			recommendCheckupHandle() {
				// todo：将sourceType抽取出字典
				uni.navigateTo({
					url: '/subcontractorC/pages/sclCheckup/sclCheckup?sourceType=31'
				})
			},
			okHandle() {
				uni.navigateTo({
					url: '/subcontractorC/pages/sclIntroduce/sclIntroduce?paramObj=' + JSON.stringify({
						sclId: this.liveSclIdThis
					})
				})
			},
			toCommunityCenter() {
				uni.navigateTo({
					url: '/subcontractorC/pages/community/community-ad'
				})
			},
			modalMBTI_confirm() {
				this.mbtiModalVisible = false
				this.updateUserJson('canBuyPayBackMBTI')
			},
			modalSPM_confirm() {
				this.iqModalVisible = false
				this.updateUserJson('canBuyPayBackSPM')
			},
			modalLoveMBTI_confirm() {
				this.loveMbtiModalVisible = false
				this.updateUserJson('canBuyPayBackLoveMBTI')
			},
			toSclListCanUseCoupon(item) {
				uni.navigateTo({
					url: '/subcontractorB/pages/scl-can-use-coupon-list/scl-can-use-coupon-list?id=' + item
						.discountUid
				})
			},
			updateUserJson(param) {
				let tmpJsonStr
				let tmpObj = {}
				try {
					tmpJsonStr = JSON.parse(this.userJson)
					tmpObj = {
						...tmpJsonStr
					}
					tmpObj[param] = 'Y'
					tmpJsonStr = JSON.stringify(tmpObj)
					this.$u.api.updateUserInfo({
						userJson: tmpJsonStr
					}).then(res => {
						this.$store.commit('user/setUserJson', tmpJsonStr)
					})
				} catch (e) {}
			},
			clickNoticeHadnle(item) {
				if (item.sclType == '2') {
					uni.navigateTo({
						url: '/subcontractorC/pages/sclCheckup/sclCheckup?sourceType=21'
					})
				} else if (item.sclType == '5') {
					uni.navigateTo({
						url: '/subcontractorC/pages/sexuality-assessment/index?sourceType=21'
					})
				} else if (item.sclType == '4') {
					uni.navigateTo({
						url: '/subcontractorC/pages/checkupDepressed/index?sourceType=21'
					})
				} else if (item.sclType == '6') {
					this.$u.api.addLog({
						sclId: item.sclId,
						sourseType: 21
					})
					uni.navigateTo({
						url: '/subcontractorMaiLun/pages/introduce/introduce?sclId=' + item.sclId
					})
				} else {
					this.$u.api.addLog({
						sclId: item.sclId,
						sourseType: 21
					})

					uni.navigateTo({
						url: '/subcontractorC/pages/sclIntroduce/sclIntroduce?paramObj=' + JSON.stringify({
							sclId: item.sclId
						})
					})
				}
			},
			async initData() {
				if (this.currentIndexPage !== 0) {
					this.initLoading = false
				}
				await this.initPageData()
				this.bodyHeight = this.windowHeight - this.navHeight - 800

				await Promise.all([
					this.getTransactionNoticeList(),
					this.getPrePromotionSclList()
				])
				this.initLoading = false
			},
			async getPrePromotionSclList() {
				const {
					data: dRes
				} = await this.$u.api.getPrePromotionSclList()

				if (dRes.code == 200) {
					this.subDataList = this.dataProcess(dRes.data.rows, true)

				}
			},
			async getTransactionNoticeList() {
				const {
					data: dRes
				} = await this.$u.api.getTransactionSclList({
					pageNo: 1,
					pageSize: 10
				})

				if (dRes.code == 200) {
					console.log(dRes.data.rows, '======dRes.data.rows')
					this.transactionList = dRes.data.rows.map(item => {
						// 提取非【】内的内容
						const nonBracketContent = item.sclName ? item.sclName.replace(/【.*?】/g, '').trim() :
							'';

						// 提取【】内的内容
						const bracketContentMatch = item.sclName ? item.sclName.match(/【(.*?)】/) : '';
						const bracketContent = bracketContentMatch ? bracketContentMatch[1] : '';

						item.info = nonBracketContent
						item.scl = bracketContent
						return item
					})
				}
			},
			toExchangeGoods() {
				console.log(this.hasPhone, '-------this.hasPhone----this.hasPhone')
				//if (this.hasPhone) {
				uni.navigateTo({
					url: '/subcontractorC/pages/exchangeGoods/exchangeGoods'
				})
				/*} else {
					uni.navigateTo({
						url: '/subcontractorA/authorization/authorization?from=exchange'
					})
				}*/
			},
			onTimeChange(e) {
				// 计算总小时数并格式化为两位数
				const tmpH = e.hours + (e.days * 24);
				this.timeData = {
					hours: tmpH > 9 ? String(tmpH) : '0' + tmpH,
					minutes: e.minutes > 9 ? String(e.minutes) : '0' + e.minutes,
					seconds: e.seconds > 9 ? String(e.seconds) : '0' + e.seconds,
					hoursArr: String(tmpH).padStart(2, '0').split(''),
					minutesArr: String(e.minutes).padStart(2, '0').split(''),
					secondsArr: String(e.seconds).padStart(2, '0').split('')
				};
			},
			watchRouterChange() {
				console.log(' ----- watchRouterChange --- -- -- --- -')

				this.showFirstTipModal = false

				this.dcPopupQueue = []
			},
			clickSclRecommendHandle(item) {
				this.checkNotCompleteScl(item.id, () => this.itemClick(item, 14))
			},
			clickBannerHandle(item) {
				if (item.skipId) {
					item.sclId = item.skipId
					item.id = item.skipId
					this.checkNotCompleteScl(item.id, () => this.itemClick(item, 3))
				}
			},
			goToAiChat() {
				uni.navigateTo({
					url: '/subcontractorC/pages/AI/index'
				})
			},
			changeSclMenu(index) {
				this.currentMenuIndex = index
				this.dataList = []

				this.mescroll.resetUpScroll(true)

				const query = uni.createSelectorQuery().in(this)
				query.select('#main-content-wrapper').boundingClientRect(data => {
					console.log(data, '=======data main-content-wrapper')
					setTimeout(() => {
						this.mescroll.scrollTo(this.mescroll.getScrollTop(),
							120) // 重置列表数据为第一页时,建议把滚动条也重置到顶部,避免无法再次翻页的问题  
					}, 250)
				}).exec()
			},
			toSearchScl() {
				uni.navigateTo({
					url: '/subcontractorC/pages/sclSearch/sclSearch'
				})
			},
			async getDiscount() {
				const {
					data: dRes
				} = await getUserDiscountTakeEffect({
					status: 1,
					num: 2
				})

				if (dRes.data?.length > 0) {
					const tmpArr = []
					dRes.data.map(item => {
						tmpArr.push({
							// item.
							text: item.discountType === 1 ? `${item.discount}折` :
								`${item.immediately}元`,
							...item
						})
					})
					this.couponList = tmpArr

					dRes.data = dRes.data[0]

					this.$store.commit('user/setDiscountNum', dRes.data.discount)
					this.$store.commit('user/setDiscountTime', dRes.data.getTime)
					this.$store.commit('user/setDiscountValidNumber', dRes.data.validNumber)
					this.$store.commit('user/setDiscountId', dRes.data.discountUid)
					this.$store.commit('user/setDiscountType', dRes.data.discountType)

					// 优惠券的获取时间
					const couponStartTime = this.$dayjs(dRes.data.getTime); // 假设获取时间为 "2023-11-02 08:00:00"
					console.log(dRes.data, '====dRes.data------')
					// 有效小时数
					const validHours = dRes.data.validNumber; // 假设有效小时数为 24 小时

					// 计算到期时间
					const couponEndTime = couponStartTime.add(validHours, 'hour');

					// 获取到期时间的毫秒数
					const couponEndTimeMillis = couponEndTime.valueOf();

					// 获取当前时间的毫秒数
					const currentTimeMillis = this.$dayjs().valueOf();

					// 计算倒计时剩余毫秒数
					this.countdownMillis = couponEndTimeMillis - currentTimeMillis;
				} else {
					this.$store.commit('user/setDiscountNum', null)
					this.$store.commit('user/setDiscountTime', '')
					this.$store.commit('user/setDiscountValidNumber', 0)
					this.$store.commit('user/setDiscountId', '')
					this.$store.commit('user/setDiscountType', null)
				}

			},

			toTaskCenter(type) {
				let tmp = type ? '?paramObj=' + JSON.stringify({
					from: 'invite'
				}) : ''
				uni.navigateTo({
					url: '/subcontractorC/pages/taskCenter/taskCenter' + tmp
				})
			},
			async getCategoryList() {
				this.$u.api.getCategoryList().then(({
					data: dRes
				}) => {
					console.log(dRes, '=======getCategoryList')
					this.cateSclList = dRes.data.map(item => {
						item.flexSclArr = []
						if (item.leftScl) {
							item.flexSclArr.push(item.leftScl)
						}
						if (item.rightScl) {
							item.flexSclArr.push(item.rightScl)
						}
						item.commonSclPOS.map(subItem => {

							if (subItem.collectNums > 10000) {
								subItem.viewNumStr =
									`${(subItem.collectNums / 10000).toFixed(1)}w`
							} else {
								subItem.viewNumStr = subItem.collectNums
							}
							return subItem

						})
						item.flexSclArr.map(subItem => {
							//大于1万则显示1w，例子：1.2w
							if (subItem.collectNums > 10000) {
								subItem.viewNumStr =
									`${(subItem.collectNums / 10000).toFixed(1)}w`
							} else {
								subItem.viewNumStr = subItem.collectNums
							}

							if (this.discountId) {
								subItem.originalPrice = subItem.newOriginalPrice

								subItem.noCoupon = (this.discountType == 4 || this
									.discountNum == 10) && subItem.isDisCount == 'Y'
							}

							return subItem
						})
						return item
					})

					console.log(this.cateSclList, '------this.cateSclList')
				}).finally(() => {
					this.isInitDone = true
				})
			},
			async initPageData() {
				uni.showLoading({
					title: '加载中...'
				})

				try {
					await Promise.all([
						await this.getDiscount(),
						await this.getCategoryList()
					]).finally(() => {
						setTimeout(() => {
							uni.hideLoading()
						}, 500)
						console.log('----getSclBannerList----')
					})
				} catch (e) {
					this.$showToast("请求数据出现异常,请联系管理员")
				}
			},
			async getTaskListInfo() {
				const {
					data: dRes
				} = await getTaskList()
				if (dRes.success) {
					this.showTaskEntryTipDot = dRes.data.some(item => item.isSclDisCount == 'Y')
				}
			},
			async fetchSclData(page) {
				if (page.num == 1) this.dataList = [];

				const menuItem = this.menuList[this.currentMenuIndex]

				const queryParam = {
					pageNo: page.num,
					pageSize: page.size,
					group: this.currentGroup,
					isFree: this.currentTab === 1 ? 'Y' : 'N'
				}
				if (menuItem.val == 'recommend') {
					queryParam['recommend'] = 'Y'
				} else if (menuItem.val == 'hot') {
					queryParam['ranking'] = 'Y'
				} else if (menuItem.val) {
					queryParam['consultLabelUid'] = menuItem.val
				}


				const {
					data: dRes
				} = await get_more_scl_list(queryParam)

				console.log('测评数据：', dRes)

				if (dRes.code === 200) {
					const {
						records = []
					} = dRes.data
					const datas = this.dataProcess(records)
					if (this.dataList.length > 0) {
						this.dataList = this.dataList.concat(datas)
					} else {
						this.dataList = datas
					}
					this.mescroll.endBySize(records.length, dRes.data.total);
				} else {
					this.$showToast("请求获取选择问题接口失败," + dRes.message)
				}
			},
			dataProcess(rows, flag) {
				const tmpArr = []
				rows.map(item => {
					const tmpObj = JSON.parse(JSON.stringify(item))
					tmpObj.coverImg = item.coverImg || item.detailImg
					tmpObj.sclName = item.sclName || item.scl_name
					tmpObj.summary = item.summary || item.nickName

					//清空数据，防止占用过多内存
					tmpObj.details = ''
					tmpObj.consultLabelUid = ''
					tmpObj.labelName = ''

					tmpObj.noCoupon = (this.discountType == 4 || this.discountNum == 10) && item.isDisCount == 'Y'

					if (flag && tmpObj.detailInfo) {
						try {
							console.log(tmpObj.detailInfo, '==tmpObj.detailInfo==')
							const tmp = JSON.parse(tmpObj.detailInfo) || {}
							if (tmp.boxBg) {
								tmpObj.homeBox = {
									boxBg: tmp.boxBg,
									boxDirect: tmp.boxDirect,
									boxW: tmp.boxW
								}
							}


							console.log(tmpObj.homeBox, '----tmpObj.homeBox--')
						} catch (e) {
							//TODO handle the exception
						}
					}


					tmpArr.push(tmpObj)
				})
				return tmpArr
			},
			itemClick(item, logType) {
				let isMaiLun = item.detailInfo && item.detailInfo.introType == "mailun";
				if (item.reportId) {
					uni.navigateTo({
						url: '/subcontractorC/pages/sclResult/sclResult?reportId=' + item.reportId + '&sclId=' +
							item.id
					})
				} else {
					this.$u.api.addLog({
						sclId: item.id,
						sourseType: logType
					})
					if (isMaiLun) {
						uni.navigateTo({
							url: '/subcontractorMaiLun/pages/introduce/introduce?sclId=' + item.id
						})
					} else {
						uni.navigateTo({
							url: '/subcontractorC/pages/sclIntroduce/sclIntroduce?paramObj=' + JSON.stringify({
								sclId: item.id
							})
						})
					}
				}
			},
			partSwiperChange(event) {
				this.partcurrentIndex = event.detail.current;
			},
			toExplanation() {
				// 预约订单
				if (this.explanationState === 1) {
					this.explanationOrderModalShow = true
				} else if (this.explanationState === 2) {
					uni.navigateTo({
						url: '/subcontractorA/explanationOrder/explanationOrder'
					})
				}
			},
			getExplanationModalShow() {
				// 是否显示个人体检预约订单
				if (this.showExplanation) {
					showExplanation().then(res => {
						if (res.data.success && [1, 2].includes(res.data.data)) {
							this.isExistExplanationOrderModal = true
							this.explanationState = res.data.data
						}
					})
				}
			},
			toMemberPage() {
				uni.navigateTo({
					url: '/subcontractorA/member/member'
				})
			},
			toShop() {
				this.currentIndexPage = 1
			}
		}
	}
</script>


<style scoped lang="scss">
	.bottom-bar {
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 100;
		display: flex;
		justify-content: space-around;
		background: #ffff;
		width: 100%;
		padding-bottom: 40rpx;
	}

	.bb-item {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		font-size: 22rpx;
		color: #666666;
		position: relative;
	}

	.bb-item-img {
		width: 67rpx;
		height: 67rpx;
	}

	.bb-item-img-middle {
		width: 94rpx;
		height: 94rpx;
		position: absolute;
		top: -45rpx;
		left: 50%;
		transform: translateX(-50%);
	}

	.bb-name {
		position: absolute;
		top: 64rpx;
		left: 50%;
		transform: translateX(-50%);
	}

	/*每个页面公共css */
	/* 解决小程序和app滚动条的问题 */
	::-webkit-scrollbar {
		display: none;
		width: 0 !important;
		height: 0 !important;
		-webkit-appearance: none;
		background: transparent;
		color: transparent;
	}

	uni-scroll-view .uni-scroll-view::-webkit-scrollbar {
		/* 隐藏滚动条，但依旧具备可以滚动的功能 */
		display: none;
		width: 0 !important;
		height: 0 !important;
		-webkit-appearance: none;
		background: transparent;
		color: transparent;
	}


	/deep/.scroll-menu::-webkit-scrollbar {
		display: none;
	}

	/* 解决小程序和app滚动条的问题 */
	/* #ifdef MP-WEIXIN || APP-PLUS */
	::-webkit-scrollbar {
		display: none;
	}

	/* #endif */

	::-webkit-scrollbar {
		display: none;
		width: 0 !important;
		height: 0 !important;
		-webkit-appearance: none;
		background: transparent;
		color: transparent;
	}

	.scl-box-title {
		font-size: 32rpx;
		color: #333;
		letter-spacing: 1rpx;
		font-weight: bold;
		padding: 5rpx 10rpx;
		text-align: center;
		margin: 20rpx 20rpx 0;
		background-size: 100% 100%;
		background-position: center center;
		background-repeat: no-repeat;
	}


	.scl-box-list {
		display: flex;
		flex-direction: column;
		row-gap: 12rpx;
		margin: 20rpx auto;
	}


	/deep/.menu-wrapper-container::-webkit-scrollbar {
		display: none;
		width: 0 !important;
		height: 0 !important;
		-webkit-appearance: none;
		background: transparent;
		color: transparent;
	}

	/deep/.scroll-menu::-webkit-scrollbar {
		display: none;
		width: 0 !important;
		height: 0 !important;
		-webkit-appearance: none;
		background: transparent;
		color: transparent;
	}

	/deep/ .menu-wrapper::-webkit-scrollbar {
		display: none;
		width: 0 !important;
		height: 0 !important;
		-webkit-appearance: none;
		background: transparent;
		color: transparent;
	}

	/deep/.input-placeholder {
		font-size: 26rpx;
		font-family: PingFang-SC;
		font-weight: 500;
		color: rgba(190, 187, 187, .82);
		// color: red;
	}

	/deep/.img {
		width: 720rpx;
		height: 330rpx;
		border-radius: 24rpx;
		box-shadow: 0px 2rpx 16rpx 0px #D9ECD7;
	}

	/deep/.text-con .u-count-down__text {
		margin: 0 2rpx;
		font-size: 34rpx !important;
		line-height: 40rpx !important;
		color: #FA3E99 !important;
	}

	/deep/.right-price-box-dec-wrapper .u-count-down__text {
		color: #fff !important;
		font-size: 24rpx !important;
		line-height: 50rpx !important;
		margin-right: -2rpx;
	}

	.task-center-entry-box {
		margin: 20rpx auto;
		width: 720rpx;
		height: 200rpx;

		.img {
			width: 100%;
			height: 100%;
		}
	}

	.swiper-item-box {
		display: flex;
		justify-content: center;

	}

	.ellipsis {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		width: 100%;
		// height: 1em;
	}

	.swiper-box {
		height: 330rpx;
	}

	.banner-wrapper {
		margin-top: calc(var(--status-bar-height) + 166rpx);

	}

	.ai-entrance-wrapper {
		position: fixed;
		right: -36rpx;
		bottom: 424rpx;
		z-index: 2;
		width: 240rpx;
		height: 240rpx;

		.ai-entrance-inner {
			position: relative;

			.ai-entrance {
				position: absolute;
				top: 36rpx;
				left: 38rpx;
				height: 170rpx;
				width: 162rpx;
				z-index: 2;
			}

			.ai-entrance-bg {
				position: absolute;
				top: 0;
				left: 0;

				width: 240rpx;
				height: 240rpx;
			}
		}
	}



	.img-entry-modal-flot {
		position: fixed;
		right: 0;
		z-index: 6;
		bottom: 262rpx;

		.img-entry-modal-flot-wrapper {
			position: relative;

			image {
				// width: 160rpx;
				// height: 160rpx;
				width: 166rpx;
				height: 152rpx;
			}

			.red-dot {
				position: absolute;
				right: 19rpx;
				top: 79rpx;

				width: 26rpx;
				height: 26rpx;

				background: linear-gradient(180deg, #FFD9D9 0%, #FF1466 100%);
				box-shadow: 0rpx 2rpx 4rpx 0rpx #F8A38D;
				border: 2rpx solid #FFFFFF;

				border-radius: 50%;
			}
		}


	}

	.img-entry-modal-flot-community {
		position: fixed;
		right: 6rpx;
		z-index: 6;
		bottom: 422rpx;

		.img-entry-modal-flot-wrapper {
			position: relative;

			image {
				width: 160rpx;
				height: 156rpx;
			}
		}

	}

	.scl-home-base-container {
		min-height: 100vh;
		width: 100vw;
		box-sizing: border-box;
		position: relative;
		background-size: cover;
		background-repeat: no-repeat;

		// background: #F3FCEA;
		background: #FBFBFB;
		// rgba(243,252,234,1)



		.scl-home-wrapper {
			// height: 716rpx;
			background-repeat: no-repeat;
			background-attachment: fixed;
			width: 750rpx;
			background-size: 100% 716rpx;
			padding-top: calc(var(--status-bar-height) + 166rpx);


			.page-title {
				// height: calc(var(--status-bar-height) + 88px);
				height: 88px;
				// top:0;
				z-index: 6;
			}


			.search-container {
				width: 750rpx;
				z-index: 6;
				position: sticky;
				// top: calc(var(--status-bar-height) + 60px + 24rpx);
				top: calc(var(--status-bar-height) + 72px + 18rpx);

				.realtive-position {
					position: relative;
					width: 0;
					height: 0;

					.abs-code-entry {
						position: absolute;
						// right: 0;
						left: 14rpx;
						top: -74rpx;
						z-index: 6;

						// height: 18rpx;
						// width: 12rpx;
						// background-color: red;

						display: flex;
						align-items: center;

						.img {
							width: 36rpx;
							height: 36rpx;

							image {
								width: 100%;
								height: 100%;
							}
						}

						.text {
							font-family: PingFangSC, PingFang SC;
							font-weight: 400;
							font-size: 28rpx;
							color: #456727;
							line-height: 40rpx;
							text-align: left;
							font-style: normal;
							margin-left: 8rpx;

							word-break: keep-all;
						}
					}
				}
			}

			.search-wrapper {
				margin: auto;
				width: 720rpx;
				box-sizing: border-box;
				padding-left: 18rpx;
				height: 52rpx;
				background: rgba(255, 255, 255, .82);
				// background:#fff;

				border-radius: 27rpx;
				display: flex;



				display: flex;
				justify-content: space-between;

				.left-box {
					display: flex;
					align-items: center;

					.search-icon {}

				}

				.right-box {
					font-size: 28rpx;
					font-family: PingFang-SC, PingFang-SC;
					font-weight: 500;
					color: #FFFBFB;

					width: 85rpx;
					height: 50rpx;
					background: linear-gradient(180deg, #A9EE87 0%, #70D669 100%);
					border-radius: 26rpx;
					text-align: center;
					line-height: 50rpx;
				}

			}

			// search-wrapper - end

			.coupon-banner-wrapper {
				width: 720rpx;
				// height: 60rpx;
				height: 200rpx;
				// background: #FFFFFF;
				border-radius: 10rpx;
				margin: auto;
				// padding-top: 54rpx;
				// padding-top: 48rpx;
				box-sizing: border-box;
				// padding-left: 242rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;
				background-size: 100% 100%;
				// margin-top: -14rpx;
				margin-bottom: 6rpx;

				// position: sticky;
				// top:240rpx;
				// z-index: 99;

				position: relative;

				.abs-coupon-banner-img {
					position: absolute;
					top: 12rpx;
					left: 48rpx;
					width: 254rpx;
					height: 114rpx;

					.img {
						width: 100%;
						height: 100%;
					}
				}

				.content-left {
					margin-left: 38rpx;
					margin-top: 114rpx;
					width: 296rpx;
					height: 58rpx;
					background: rgba(176, 109, 76, 0.75);
					// box-shadow: 0rpx 2rpx 4rpx 0rpx #86CEE6;
					box-shadow: 0rpx 2rpx 4rpx 0rpx #C79659;
					border-radius: 12rpx;
					display: flex;
					align-items: center;
					justify-content: center;



					.tip-text {
						font-family: PingFang-SC, PingFang-SC;
						font-weight: 800;
						font-size: 26rpx;
						color: #FFFFFF;
						line-height: 58rpx;
						// text-shadow: 0px 2px 4px #0E8FCE;
						text-align: center;
						font-style: normal;

						margin-right: 12rpx;
					}

					.time {
						// @include flex;
						align-items: center;
						display: flex;
						margin-bottom: 2rpx;

						// column-gap: 4rpx;

						&__custom {
							// width: 34rpx;
							// height: 50rpx;
							// width: 40rpx;
							width: 28rpx;
							height: 40rpx;
							// background: #FFFFFF;
							background-size: 100% 100%;
							// box-shadow: 0rpx 2rpx 4rpx 0rpx #F683BE, inset 0rpx 1rpx 3rpx 0rpx #F58EA3;
							border-radius: 5rpx;
							line-height: 40rpx;
							text-align: center;

							&__item {
								ont-family: PingFangSC, PingFang SC;
								font-weight: 500;
								font-size: 29rpx;
								color: #FFFFFF;
								line-height: 40rpx;
								text-align: left;
								font-style: normal;
							}
						}

						&__doc {
							font-family: PingFangSC, PingFang SC;
							font-weight: 500;
							font-size: 36rpx;
							color: #FFFFFF;
							line-height: 50rpx;
							text-shadow: 0px 2px 4px #FFFFFF;
							text-align: left;
							font-style: normal;

							display: inline-block;
							margin: auto 4rpx;
						}

						&__item {
							color: #606266;
							font-size: 15px;
							margin-right: 4px;
						}
					}
				}

				.m-l-abs-3 {
					margin-left: -3rpx;
				}

				.coupon-list-wrapper {
					margin-right: 24rpx;
					width: 374rpx;
					height: 100%;
					display: flex;
					justify-content: center;
					align-items: center;
					column-gap: 16rpx;

					.coupon-item {
						background-repeat: no-repeat;
						background-size: 100% 100%;
						width: 168rpx;
						height: 180rpx;
						display: flex;
						flex-direction: column;
						align-items: center;
						// justify-content: center;

						.row-1 {
							font-family: PingFang-SC, PingFang-SC;
							font-weight: 800;
							font-size: 40rpx;
							color: #FF4E70;
							line-height: 56rpx;
							text-align: left;
							font-style: normal;

							margin-top: 18rpx;
						}

						.row-2 {
							margin-top: -8rpx;
							font-family: PingFang-SC, PingFang-SC;
							font-weight: 800;
							font-size: 26rpx;
							color: #FF4E70;
							line-height: 37rpx;
							text-align: left;
							font-style: normal;
						}

						.row-3 {
							margin-top: 20rpx;
							font-family: PingFang-SC, PingFang-SC;
							font-weight: bold;
							font-size: 24rpx;
							color: #FFFFFF;
							line-height: 33rpx;
							text-align: left;
							font-style: normal;
						}

					}
				}

				// position: relative;

				.coupon-icon {
					width: 146rpx;
					height: 126rpx;
					position: absolute;
					left: 0;
					bottom: 0;
				}



				.text-con {
					display: flex;
					// align-items: center;
					align-items: flex-end;

					margin-bottom: 4rpx;
				}

				.main-text {
					font-size: 34rpx;
					font-family: PingFangSC, PingFang SC;
					font-weight: 500;
					// color: #FD7CBA;
					color: #FB3D99;
					line-height: 43rpx;

				}

				.main-con {
					font-size: 26rpx;
					font-family: PingFangSC, PingFang SC;
					// font-weight: 500;
					// color: #666666;
					color: #333333;
					line-height: 35rpx;
				}
			}

			// coupon-banner-wrapper - end

			//recommend-wrapper - start
			.recommend-wrapper {
				display: flex;
				background-size: cover;
				background-repeat: no-repeat;
				width: 750rpx;
				height: 680rpx;
				position: relative;

				.reload-btn {
					position: absolute;
					right: 0;
					top: 4rpx;
					display: flex;
					align-items: center;
					height: 80rpx;
					width: 264rpx;
					box-sizing: border-box;
					justify-content: center;
					column-gap: 10rpx;

					text {
						font-size: 26rpx;
						font-family: SourceHanSansCN, SourceHanSansCN;
						font-weight: 400;
						color: #46A53B;
					}

					.icon {
						width: 26rpx;
						height: 26rpx;
					}
				}

				// .reload-btn -end

				.recommend-box-list {
					display: flex;
					gap: 14rpx 14rpx;
					margin-top: 88rpx;
					padding: 0 32rpx;
					align-content: flex-start;

					width: 750rpx;
					box-sizing: border-box;
					flex-wrap: wrap;

					.scl-box {
						width: 336rpx;
						height: 271rpx;
						background: #FFFFFF;
						border-radius: 12rpx;
						display: flex;
						flex-direction: column;


						.img {
							width: 336rpx;
							height: 180rpx;
							border-radius: 12rpx;
							border-bottom-right-radius: 0;
							border-bottom-left-radius: 0;
						}

						.text-box {
							padding: 10rpx;
							line-height: 36rpx;

							font-size: 28rpx;
							font-family: PingFang-SC, PingFang-SC;
							// font-weight: 500;
							color: #2F352F;

							overflow: hidden;
							text-overflow: ellipsis;
							display: -webkit-box;
							-webkit-line-clamp: 2;
							overflow: hidden;
							/*! autoprefixer: off */
							-webkit-box-orient: vertical;
						}
					}
				}
			}

			// recommend-wrapper - end

			.eshop-consult-block-wrapper {
				width: fit-content;
				margin: auto;
				margin-top: 20rpx;
				margin-bottom: 30rpx;
			}

			.scroll-menu {
				height: 50rpx;
			}

			.menu-wrapper-container {
				position: sticky;
				// top: calc(var(--status-bar-height) + 60px + 24rpx + 80rpx);
				z-index: 6;
				margin-bottom: 12rpx;

				background-color: #ffff;
				padding: 12rpx 0;

				background-repeat: no-repeat;

				background-size: 100% 100%;


			}

			.menu-wrapper {
				// height: 80rpx;
				width: 750rpx;
				padding: 0 20rpx;
				display: flex;
				column-gap: 10rpx;
				margin-top: 2rpx;
				// overflow: scroll;

				.menu-box,
				.menu-box-act {
					background-color: #FFFFFF;
					padding: 5rpx 24rpx 8rpx 24rpx;
					border-radius: 25rpx;

					word-break: keep-all;
					line-height: 37rpx;
					height: fit-content;
					display: flex;
					align-items: center;
					text-align: center;
					// padding: 5rpx 24rpx;

					font-size: 26rpx;
					font-family: PingFang-SC, PingFang-SC;
					font-weight: 500;
					color: #999999;
				}

				.menu-box-act {
					font-size: 26rpx;
					font-family: PingFangSC, PingFang SC;
					font-weight: 500;
					color: #7ADA6E;
					position: relative;

					&::after {
						content: '';
						position: absolute;
						bottom: 0;
						left: 50%;
						transform: translateX(-50%);
						width: 50rpx;
						height: 4rpx;
						background: #7ADA6E;
						border-radius: 2rpx;
					}
				}

				.menu-box-act-2::after {
					// background-color: #B19010;
					background-color: rgba(102, 102, 102, 1);
					bottom: 1px;
				}


				.clear-padding {
					padding: 0;
				}

				.menu-item-bg {
					background: linear-gradient(180deg, #FFFFFF 0%, #E5FFDC 100%);
					box-shadow: 0rpx 2rpx 10rpx 0rpx #CBF6BD;
					color: #666666;
					border-radius: 25rpx;
				}

			}

			// .menu-wrapper ==== end

			.scroll-placeholder-bg {
				width: 750rpx;
				// height: 360rpx;
				// background-color: #F3FCEA;
				position: fixed;
				z-index: 5;
				top: 0;

				background-repeat: no-repeat;
				// background-attachment: fixed;
				width: 750rpx;
				background-size: 100% 716rpx;
			}

			.scroll-placeholder-bg-img {
				// display: none;

				background-repeat: no-repeat;
				background-attachment: fixed;
				width: 750rpx;
				background-size: 100% 716rpx;
				// height: 716rpx;
				// height: 360rpx;
				height: 100%;





			}

		}
	}





	.scl-list-page-b {
		background-color: #b29ff6;

		.activity-entry-wrapper {
			margin: auto;

			&,
			image {
				width: 710rpx;
				height: 210rpx;
			}
		}

		.scl-list-page-container {
			height: 100vh;
			width: 100vw;
			box-sizing: border-box;
			// padding-top: 40rpx;
			padding-top: 218rpx;
			padding-bottom: 30rpx;
			background-color: #aca1f5;
			position: relative;
			background-size: cover;
			background-repeat: no-repeat;
		}


		.discount-tip-position {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			width: 750rpx;
			height: 190rpx;
			background-size: cover;

			.discount-tip {
				display: flex;
				align-items: flex-end;
				justify-content: center;
				padding-top: 10rpx;

				.text-1 {
					font-size: 40rpx;
					font-family: PingFang-SC-Heavy, PingFang-SC;
					font-weight: 800;
					color: #FEEF5C;
				}

				.text-2 {
					font-size: 24rpx;
					font-family: PingFang-SC-Heavy, PingFang-SC;
					font-weight: 800;
					color: #FFFFFF;
					padding-bottom: 6rpx;
					display: flex;
					align-items: center;

				}
			}
		}


		// .swiper-item-box{
		// 	width: 100%;
		// 	height: 380rpx;
		// 	position: relative;
		// }






		.activity-box {
			margin: auto;
			box-sizing: border-box;
			padding-top: 22rpx;
			display: flex;
			justify-content: center;
			margin-top: 40rpx;

			// margin-bottom: 46rpx;
			image {
				width: 708rpx;
				height: 264rpx;
				margin: auto;
				background: #D8D8D8;
				border-radius: 26rpx;
			}
		}




		// .swiper-box{
		// 	width: 100%;
		// 	height: 360rpx;
		// 	margin: 0 auto;
		// }




		.banner-box {
			position: relative;
			// margin-top: 40rpx;
		}

		.list-box {
			width: 710rpx;

			/* background: #F6FFF1; */

			border-radius: 28rpx;
			margin: 0 auto;
			// margin-top: 30rpx;
			background-size: contain;
			background-repeat: no-repeat;
		}

		.m-list-title {
			width: 225rpx;
			height: 52rpx;
		}

		.list-box {
			background-size: contain;

			.menu-container {
				display: flex;
				justify-content: center;
				height: 98rpx;
				padding-top: 10rpx;

				.menu-box {
					width: 50%;

					display: flex;
					justify-content: center;
					align-items: center;

					image {
						width: 174rpx;
						height: 34rpx;
					}

					transition: all .3s;
				}

				.menu-act {
					image {
						width: 325rpx;
						height: 86rpx;
					}
				}
			}
		}
	}

	.loop-loading {
		animation-iteration-count: infinite;
		animation-name: loading;
		animation-duration: 1000ms;
		animation-delay: 0;
		animation-timing-function: ease-in-out;
	}

	@keyframes loading {
		0% {
			transform: rotate(0deg);
		}

		100% {
			transform: rotate(360deg);
		}
	}



	.scl-list-page-a {
		.top-img {
			width: 100%;
			height: 390rpx;
		}

		.swiper-item-box {
			width: 100%;
			height: 380rpx;
			position: relative;
		}

		.swiper-item {
			width: 100%;
			height: 360rpx;
			margin: 0 auto;
			box-shadow: 0px 2rpx 20rpx 0px #D4F1C4;
		}

		.si-recommend {
			width: 110rpx;
			height: 59rpx;
			position: absolute;
			top: 10rpx;
			right: -10rpx;
		}

		.si-img {
			width: 100%;
			height: 308rpx;
			border-radius: 26rpx 26rpx 0 0;
		}

		.swiper-box {
			width: 100%;
			height: 360rpx;
			margin: 0 auto;
		}

		.si-bottom {
			width: 100%;
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
		}

		.sib-price {
			width: 100%;
			height: 50rpx;
			background: #173915;
			border-radius: 30rpx 30rpx 0px 0px;
			opacity: 0.75;
			font-size: 22rpx;
			color: #F14C4C;
			padding: 0 20rpx;
			box-sizing: border-box;
		}

		.test-num {
			width: 23rpx;
			height: 23rpx;
			margin-right: 8rpx;
		}

		.sib-title {
			width: 100%;
			height: 60rpx;
			background: #FFFFFF;
			font-size: 28rpx;
			color: #333;
			padding: 10rpx 20rpx 0 20rpx;
			box-sizing: border-box;
			border-radius: 0 0 30rpx 30rpx;
		}

		.banner-box {
			position: relative;
			margin-top: -200rpx;
		}

		.list-box {
			width: 728rpx;
			background: #F6FFF1;

			border-radius: 28rpx;
			margin: 0 auto;

		}

		.m-list-title {
			width: 225rpx;
			height: 52rpx;
		}


		width: 750rpx;
		height: 100%;
		min-height: 100vh;
		background-color: #fff;
		box-sizing: border-box;
		/* margin: 0 auto; */
		position: relative;

		padding-bottom: 30rpx;
		background-color: #F5F5F5;

		.activity-entry-wrapper {
			margin: auto;

			&,
			image {
				width: 710rpx;
				height: 210rpx;
			}
		}

		.list-box {
			background-size: contain;
			background-repeat: no-repeat;


			.menu-container {
				display: flex;
				justify-content: center;
				height: 88rpx;

				.menu-box {
					width: 50%;

					display: flex;
					justify-content: center;
					align-items: center;

					image {
						width: 152rpx;
						height: 30rpx;
					}

					transition: all .3s;
				}

				.menu-act {
					image {
						width: 225rpx;
						height: 52rpx;
					}
				}
			}
		}



		.discount-tip-position {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			width: 750rpx;
			height: 190rpx;
			background-size: cover;

			.discount-tip {
				display: flex;
				align-items: flex-end;
				justify-content: center;
				padding-top: 10rpx;

				.text-1 {
					font-size: 40rpx;
					font-family: PingFang-SC-Heavy, PingFang-SC;
					font-weight: 800;
					color: #FEEF5C;
				}

				.text-2 {
					font-size: 24rpx;
					font-family: PingFang-SC-Heavy, PingFang-SC;
					font-weight: 800;
					color: #FFFFFF;
					padding-bottom: 6rpx;
					display: flex;
					align-items: center;

				}
			}
		}



		.sib-price {
			background: rgba(23, 57, 21, 0.75);
			opacity: 1;
		}

		.si-price {
			display: flex;
			align-items: baseline;
		}

		.sid-price-discount {
			width: 80rpx;
			height: 40rpx;
			background: linear-gradient(270deg, #FF2F00 0%, #FC9C94 100%);
			box-shadow: 0rpx 2rpx 20rpx 0rpx #D4F1C4;

			// border: 2rpx solid;
			border-image: linear-gradient(180deg, rgba(252, 244, 230, 1), rgba(255, 254, 235, 1)) 2 2;
			border-radius: 8rpx 0rpx 14rpx 0rpx;
			text-align: center;
			line-height: 40rpx;

			font-size: 28rpx;
			font-family: PingFang-SC-Heavy, PingFang-SC;
			font-weight: 800;
			color: #FFFFFF;
			line-height: 40rpx;
			text-shadow: 0px 2px 20px #D4F1C4;

		}

		.text {
			font-size: 20rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #F14C4C;
			line-height: 28rpx;
			margin-left: 10rpx;
		}
	}

	.cate-box-list {
		margin-top: 16rpx;
		margin-bottom: 36rpx;
	}




	.use-count-num-wrapper {
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		font-size: 22rpx;
		color: #FFFFFF;
		line-height: 45rpx;
		text-align: left;
		font-style: normal;
		position: absolute;
		left: 0;
		top: 0;

		max-width: 118rpx;
		height: 44rpx;
		box-sizing: border-box;
		background: rgba(71, 71, 71, 0.71);
		border-radius: 12rpx 0rpx 12rpx 0rpx;
		padding: 0 8rpx;
	}

	.tbiip-count {
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		font-size: 22rpx;
		color: #FFFFFF;
		line-height: 45rpx;
		text-align: left;
		font-style: normal;

		display: flex;
		// justify-content: center;
		align-items: center;

		.tbii-ic-count {
			width: 22rpx;
			height: 22rpx;
			margin-right: 2rpx;
		}

	}

	.explanation-img {
		position: fixed;
		width: 134rpx;
		height: 143rpx;
		right: 0;
		// bottom: 580rpx;
		bottom: 680rpx;
	}

	.member-img {
		display: flex;
		justify-content: flex-end;
		margin: 0 15rpx;
		padding: 0 15rpx;
		align-items: center;
		font-size: 24rpx;
		color: #804507;
		width: 720rpx;
		height: 91rpx;
		margin-top: 18rpx;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center center;
		box-sizing: border-box;
	}
</style>